/**
 * 非空验证  密码强度验证 
 * 失去焦点事件  登录 注册
 * 
 * 
 */
//登录非空验证 
let isUser = true //true 为非空 false 是空
let isPassw = true

console.log($('input[name="login"]'))
$('input[name="login"]').click(function () {
    let user = $('input[name="username"]').val() //用户名的内容
    let passW = $('input[name="password"]').val() //密码框内容
    let data = localStorage.getItem('DATA')
    let dataArr = JSON.parse(data)
    console.log('dataArr', dataArr)
    if (user != dataArr.name || passW != dataArr.password) { //表示dataArr 不存在
        alert('用户名或密码不存在')
    }

    isUser = userNull() //用户名非空验证 非空返回true
    isPassw = passNull() //密码非空验证 非空返回true
    if (isUser && isPassw) {
        if (user == dataArr.name && passW == dataArr.password) {
            alert('登录成功')
            location.href = 'https://www.baidu.com/'
        }
    }
    console.log(isUser, isPassw)
})
/**
 * 将数据存入localstorage中   构造数组
 * 密码强度验证 正则表达
 */
//注册事件 
$('input[name="regs"]').click(function () {
    let user = $('input[name="username"]').val() //用户名的内容
    let passW = $('input[name="password"]').val() //密码框内容
    let reg1 = /^[A-Z][A-Z0-9a-z]/ //用户名大写字母开头 数字字母组合
    let reg = /^[A-Z][a-z0-9A-Z]{6,12}$/ //大写字母开头 数字字母组合 6-12位
    if (reg.test(passW)&&reg1.test(user)) {

        let newArr = {
            name: user,
            password: passW
        }
        alert('注册成功')
        localStorage.setItem('DATA', JSON.stringify(newArr))
        // localStorage.setItem('DATA',arr)
    } else {
        alert('密码格式或用户名不正确')
    }
})

//失去焦点事件
$('input').blur(function () {
    userNull() //用户名非空验证
    passNull() //密码非空验证 
})

//函数分装
//用户名非空
function userNull() {
    if ($('input[name="username"]').val() == '') {
        $('.user').html('请输入用户名')
    } else {
        $('.user').html('')
        return true

    }
}
//密码非空
function passNull() {
    if ($('input[name="password"]').val() == '') {
        $('.passW').html('请输入密码')
    } else {
        $('.passW').html('')
        return true

    }
}